<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="../css/common.css">
</head>
<body style="padding:0;">
    <header id="header" class="index-header"></header>
    <div class="slide layout" style="max-width:100%">
        <ul>
            <li><a href="#"><img src="../img/banner/No.3.jpg" alt=""><span class="text"><strong>Mountains, Deer.</strong><br>寻山，鹿鸣。</span></a></li>
            <li><a href="#"><img src="../img/banner/Event_1.jpg" alt=""><span class="text"><strong>Samoyed Club</strong><br>萨摩耶的泳池趴</span></a></li>
        </ul>
    </div>
    <div class="layout" style="width:900px;">
        <section class="welcome clearfix">
            <h2><span>Welcome.</span></h2>
            <p>秘境 山乡生活位于浙江省杭州市桐庐县莪山乡戴家山, 莪山乡是浙江省内唯一一个少数民族畲族乡, 秘境山乡生活位于海拔600多米的戴家山山顶。山中自然资源丰富, 四季分明, 春季梯田水稻, 夏季避暑, 秋季金黄麦穗, 冬季赏雪。<br><br>秘境 山乡生活嵌入在这山谷之中, 正面山谷梯田。山中村户皆以天然山泉水为日常用水, 自植蔬果。山顶无雾霾, 天晴少云时, 抬头能见满天繁星 ... ...</p>
            <a href="#" class="fr mt-20 more-btn">阅读更多</a>
        </section>
        <section class="module module-left">
            <a href="Accommondation.html" class="link-img fr"><img src="../img/index/1.jpg" alt="" width="450" height="438"/></a>
            <article class="text">
                <h2 class="clearfix"><strong>01</strong><span class="fl">Accommondation</span><span class="fr">小楼</span></h2>
                <p>秘境现有的三栋楼里，一号【寻山】楼诞生最早，在2014年的初夏。她的出现，改变了这个村落的故事，背后倚靠一片竹海，面前是从山顶涌出的溪流，在梯田之上 ... ...</p>
                <a href="Accommondation.html" class="mt-20 more-btn">阅读更多</a>
            </article>
        </section>

        <section class="module module-right">
            <a href="Dining.html" class="link-img fl"><img src="../img/index/2.jpg" alt="" width="450" height="438"/></a>
            <article class="text">
                <h2 class="clearfix"><strong>02</strong><span class="fl">Dining</span><span class="fr">食&饮</span></h2>
                <p>秘境现有的三栋楼里，一号【寻山】楼诞生最早，在2014年的初夏。她的出现，改变了这个村落的故事，背后倚靠一片竹海，面前是从山顶涌出的溪流，在梯田之上 ... ...</p>
                <a href="Dining.html" class="mt-20 more-btn">阅读更多</a>
            </article>
        </section>

        <section class="module module-left">
            <a href="Activity.html" class="link-img fr"><img src="../img/index/3.jpg" alt="" width="450" height="438"/></a>
            <article class="text">
                <h2 class="clearfix"><strong>03</strong><span class="fl">Activity</span><span class="fr">玩乐</span></h2>
                <p>现在的山谷热闹了一些，但还是保持着它原来的样子。酒店附近可徒步山哈古道，或驱车至狮子山、静林寺水库、瑶琳仙境 ... ...</p>
                <a href="Activity.html" class="mt-20 more-btn">阅读更多</a>
            </article>
        </section>
        <section class="module module-right">
            <a href="Accommodation.html" class="link-img fl"><img src="../img/index/4.jpg" alt="" width="450" height="438"/></a>
            <article class="text">
                <h2 class="clearfix"><strong>04</strong><span class="fl">Accommodation</span><span class="fr">小楼</span></h2>
                <p>秘境现有的三栋楼里，一号【寻山】楼诞生最早，在2014年的初夏。她的出现，改变了这个村落的故事，背后倚靠一片竹海，面前是从山顶涌出的溪流，在梯田之上 ... ...</p>
                <a href="Accommodation.html" class="mt-20 more-btn">阅读更多</a>
            </article>
        </section>

        <section class="module module-left">
            <a href="Recommendation.html" class="link-img fr"><img src="../img/index/5.jpg" alt="" width="450" height="438"/></a>
            <article class="text">
                <h2 class="clearfix"><strong>05</strong><span class="fl">Recommendation</span><span class="fr">优荐</span></h2>
                <p>年轮公园以每个月推出一至两款新品的速度在发展着，单品上看非常丰富但不甚相关，其实一直围绕着复古主题的家居文具以及随身用品在做延展 ... ...</p>
                <a href="Recommendation.html" class="mt-20 more-btn">阅读更多</a>
            </article>
        </section>
        <section class="module module-right" title="敬请期待">
            <a href="javascript:;" class="link-img fl"><img src="../img/index/6.jpg" alt="" width="450" height="438"/></a>
            <article class="text">
                <h2 class="clearfix"><strong>06</strong><span class="fl">Sale</span><span class="fr">特惠</span></h2>
                <p>不定期推出特惠活动，查看最近几次活动，请点击下放按钮。不定期推出特惠活动，查看最近几次活动，请点击下方按钮 ... ...</p>
                <a href="javascript:;" class="mt-20 more-btn">阅读更多</a>
            </article>
        </section>

        <section class="arrive clearfix">
            <h2><span>如何抵达秘境</span></h2>
            <div class="info fl">
                <h3><span class="mr-20">Information</span><span>交通信息</span></h3>
                <p>地址：中国 杭州 桐庐 莪山乡 戴家山</p>
                <p>电话：86 0571-69879007</p>
                <p>GPS坐标：119.528701, 29.811095</p>
                <br>
                <p><strong>自驾路线：</strong></p>
                <p>上海—桐庐莪山</p>
                <p>导航目的地：桐庐秘境山乡生活酒店</p>
                <p>上海-沪昆高速-杭州绕城高速-长深高速-桐庐互通-省道208-徐七线-潘戴线-秘境山乡生活。全程290公里，约4小时。</p>
                <p><strong>公共交通路线</strong> ... ...</p>
                <a href="Location.html" class="fr mt-20 more-btn">更多抵达方式</a>
                <img src="../img/index/code.jpg" alt=""/>
            </div>
            <div class="location fr">
                <h3><span class="mr-20">Location</span><span>地理位置</span></h3>
                <!--<img src="../img/index/map.jpg" style="width:100%;" alt=""/>-->
                <div id="map" style="height:350px;"></div>
            </div>
        </section>
    </div>
    <footer id="footer"></footer>
    <script src="../js/jquery-1.10.0.js"></script>
    <script src="../js/common.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3"></script>
    <script type="text/javascript" src="http://cdn.webfont.youziku.com/wwwroot/js/wf/youziku.api.min.js"></script>
    <script type="text/javascript">
        var map = new AMap.Map("map", {
            resizeEnable: true,
            center: [119.528701, 29.811095],
            zoom: 15
        });
        var marker = new AMap.Marker({
            position: [119.528701, 29.811095]
        });
        marker.setMap(map);
        marker.setLabel({
            offset: new AMap.Pixel(20, 20),
            content: "桐庐秘境"
        });
    </script>

    <script type="text/javascript">
        $youziku.load("body", "ae411cb46e7748deac59859323e474fe", "SansGBW3");
        $youziku.draw();
    </script>
</body>
</html>